<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<style>
.ui-widget,.ui-widget .ui-widget {
	font-size: 11px !important;
}
</style>
	<title>Cadastro de Clientes</title>
</h:head>
<h:body>
	<h:form id="form">
		<p:messages id="messages" showDetail="false" autoUpdate="true"
			closable="true" />
		<p:panel id="pnCliente" style="border: none;">
			<h2>Cadastro de Clientes</h2>

			<h:panelGrid columns="3" cellpadding="1">
				<h:outputText value="Código: " />
				<h:outputText value="Pessoa  " />
				<h:outputText value="Sexo " />


				<p:inputText id="mClienteId" value="#{beanCliente.cliente.id}"
					disabled="true" size="8" />


				<h:selectOneRadio id="mClienteTipo"
					value="#{beanCliente.cliente.tipoCliente}">
					<p:ajax event="change" process="@this"
						update="mClienteSexo, mClienteLabelNome, mClienteLabelApelido, mClienteLblCpf, mClienteLblRg"
						listener="#{beanCliente.changeType}" />
					<f:selectItem id="mClienteItemFisico" itemLabel="Fisico"
						itemValue="F" />
					<f:selectItem id="mClienteItemJuridico" itemLabel="Juridico"
						itemValue="J" />
				</h:selectOneRadio>

				<h:selectOneRadio id="mClienteSexo"
					value="#{beanCliente.cliente.sexo}" binding="#{beanCliente.sexo}">
					<f:selectItem id="mClienteItemMasc" itemLabel="Masc" itemValue="M" />
					<f:selectItem id="mClienteItemFem" itemLabel="Fem" itemValue="F" />
				</h:selectOneRadio>
			</h:panelGrid>


			<h:panelGrid columns="2" cellpadding="1">

				<h:outputText id="mClienteLabelNome" value="Cliente *"
					binding="#{beanCliente.nome}" />
				<h:outputText id="mClienteLabelApelido" value="Apelido"
					binding="#{beanCliente.apelido}" />

				<p:inputText id="mClienteNome" value="#{beanCliente.cliente.nome}"
					size="65" />
				<p:inputText id="mClienteApelido"
					value="#{beanCliente.cliente.apelido}" size="65" />
			</h:panelGrid>


			<!-- 			<h4>Endereço</h4> -->
			<br></br>
			<h:panelGrid columns="5" cellpadding="1">

				<h:outputText value="CEP " />
				<h:outputText value="Logradouro " />
				<h:outputText value="Numero " />
				<h:outputText value="Comp. " />
				<h:outputText value="Bairro " />

				<p:inputMask id="mClienteCep" value="#{beanCliente.cliente.cep}"
					maxlength="14" mask="99999-999" size="8" />
				<p:inputText id="mClienteRua"
					value="#{beanCliente.cliente.logradouro}" size="40" />
				<p:inputText id="mClienteNumero"
					value="#{beanCliente.cliente.numero}" maxlength="10" size="5" />
				<p:inputText id="mClienteComp"
					value="#{beanCliente.cliente.complemento}" maxlength="20" />
				<p:inputText id="mClienteBairro"
					value="#{beanCliente.cliente.bairro}" size="40" />
			</h:panelGrid>

			<h:panelGrid columns="5" cellpadding="1">
				<h:outputText value="Codigo " />
				<h:outputText value="Cidade " />
				<h:outputText value="" />
				<h:outputText value="Estado " />
				<h:outputText value="País " />

				<p:inputText value="#{beanCliente.cliente.cidade.id}" maxlength="20"
					size="8">
					<p:ajax event="change" process="@this"
						listener="#{beanCliente.hotFindCidade}"
						update="mClienteCidade, mClienteEstado, mClientePais" />
				</p:inputText>
				<p:inputText id="mClienteCidade"
					value="#{beanCliente.cliente.cidade.cidade}" maxlength="40"
					disabled="true" size="40" binding="#{beanCliente.nomeCidade}" />
				<p:commandButton id="mClienteSelesctCidade" icon="ui-icon-search"
					type="button" title="Selecionar Cidade"
					onclick="dConsultaCidade.show()" />
				<p:inputText id="mClienteEstado"
					value="#{beanCliente.cliente.cidade.estado.estado}" maxlength="20"
					disabled="true" size="35" />
				<p:inputText id="mClientePais"
					value="#{beanCliente.cliente.cidade.estado.pais.sigla}"
					maxlength="3" disabled="true" size="5" />
			</h:panelGrid>

			<!-- 			<h4>Contato</h4> -->
			<br></br>
			<h:panelGrid columns="3" cellpadding="1">

				<h:outputText value="Telefone" />
				<h:outputText value="Celular " />
				<h:outputText value="E-mail " />

				<p:inputText id="mClienteTelefone"
					value="#{beanCliente.cliente.telefone}" />
				<p:inputText id="mClienteCelular"
					value="#{beanCliente.cliente.celular}" />
				<p:inputText id="mClienteEmail" value="#{beanCliente.cliente.email}"
					size="50" />
			</h:panelGrid>

			<!-- 			<h4>Outras Inf.</h4> -->
			<br></br>
			<h:panelGrid columns="7" cellpadding="1">
				<h:outputText value="CPF *" id="mClienteLblCpf"
					binding="#{beanCliente.cpf}" />
				<h:outputText value="RG " id="mClienteLblRg"
					binding="#{beanCliente.rg}" />
				<h:outputText value="UF " />
				<h:outputText value="Codigo" />
				<h:outputText value="Condição de Pg " />
				<h:outputText value=" " />
				<h:outputText value="Limite de Crédito" />


				<p:inputText id="mClienteCpf" value="#{beanCliente.cliente.cpf}" />
				<p:inputText id="mClienteRg" value="#{beanCliente.cliente.rg}" />
				<p:selectOneMenu id="mClienteUf" value="#{beanCliente.cliente.uf}">
					<f:selectItem itemLabel="Selecione" itemValue="" />
					<f:selectItems value="#{beanCliente.estados}" />
				</p:selectOneMenu>

				<p:inputText id="mClienteIdCondicao"
					value="#{beanCliente.cliente.condPagamento.id}" maxlength="40"
					size="5">
					<p:ajax event="change" process="@this"
						listener="#{beanCliente.hotFindCondPagamento}"
						update="mClienteCondicao" />
				</p:inputText>

				<p:inputText id="mClienteCondicao"
					value="#{beanCliente.cliente.condPagamento.descricao}"
					binding="#{beanCliente.nomeCond}" disabled="true" />

				<p:commandButton id="mClienteSelesctCondPagamento"
					icon="ui-icon-search" title="Selecionar Condição de Pagamento"
					type="button" onclick="dCondCliente.show()" />

				<p:inputText value="#{beanCliente.cliente.credito}" size="9" />

			</h:panelGrid>
			<h:panelGrid columns="1" cellpadding="1">
				<h:outputText value="Observações" />
				<p:inputTextarea id="mClienteObs"
					value="#{beanCliente.cliente.observacoes}" rows="2" cols="150" />
			</h:panelGrid>

			<br></br>
			<p:separator />

			<h:panelGrid columns="3" style="float: right;">
				<p:commandButton id="mClienteSalvar" value="Salvar"
					action="#{beanCliente.save}" update="form" />
				<p:commandButton id="mClienteLimpar" value="Limpar"
					action="#{beanCliente.reinit}" update="@form" />
				<p:commandButton id="mClienteVoltar" value="Voltar"
					onclick="history.back()" />
			</h:panelGrid>


			<h:panelGrid columns="4" cellpadding="2" style="float: left;">
				<h:outputText value="Cadastro" />
				<p:inputText id="mClienteDataCad"
					value="#{beanCliente.cliente.criacao}" size="7" disabled="true">
					<f:convertDateTime pattern="dd/MM/yyyy" />
				</p:inputText>

				<h:outputText value="Ultima Alter. " />

				<p:inputText id="mClienteDataAlteracao"
					value="#{beanCliente.cliente.alteracao}" size="7" disabled="true">
					<f:convertDateTime pattern="dd/MM/yyyy" />
				</p:inputText>
			</h:panelGrid>
		</p:panel>


		<p:dialog header="Consultar Condição de Pagamento"
			widgetVar="dCondCliente" id="mClienteDConsultaCondPagamento"
			resizable="false">
			<p:outputPanel id="condicaoPagamento">
				<ui:include src="/condPagamento/pCondCliente.xhtml"></ui:include>
			</p:outputPanel>
		</p:dialog>

		<p:dialog header="Consultar Cidade" widgetVar="dConsultaCidade"
			id="mClienteDConsCidade" resizable="false">
			<ui:include src="/cidade/pCidadeCliente.xhtml"></ui:include>
		</p:dialog>
	</h:form>
</h:body>
</html>